<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>

    <!--MyHeader-->
    <div th:include="common::MyHeader"></div>
    <!-- End of MyHeader -->

</head>

<body id="page-top">

<!-- Page Wrapper -->
<div id="wrapper">

    <!-- Sidebar -->
    <ul th:replace="common::Sidebar(${session.user.loginName},${session.role.roleName})"></ul>
    <!-- End of Sidebar -->

    <!-- Content Wrapper -->
    <div id="content-wrapper" class="d-flex flex-column">

        <!-- Main Content -->
        <div id="content">

            <!-- Topbar -->
            <div th:include="common::Topbar(${session.user.userName})"></div>
            <!-- End of Topbar -->

            <!-- Begin Page Content -->
            <div class="container-fluid">

                <!-- Page Heading -->
                <div class="d-sm-flex align-items-center justify-content-between mb-3">
                    <h1 class="h3 mb-0 text-gray-800">创建活动</h1>
                </div>

                <!-- Content Row -->
                <div class="row">

                    <div style="padding-left: 5%" class="col-lg-10">
                        <div class="form-row" style="margin-top: 15px">
                            <div class="form-group col-md-3">
                                <label for="inputName">活动课题</label>
                                <input type="text" class="form-control" id="inputName">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="inputRoom">场地</label>
                                <input type="text" class="form-control" id="inputRoom">
                            </div>
                        </div>

                        <div class="form-row" style="margin-top: 15px">
                            <div class="form-group col-md-3">
                                <span>开始时间：</span>
                                <input type="datetime-local" id="actionDateLocal" value="">
                            </div>
                            <div class="form-group col-md-3">
                                <span>结束时间：</span>
                                <input type="datetime-local" id="stopDateLocal" value="">
                            </div>
                        </div>

                        <div class="form-row" style="margin-top: 15px">
                            <div class="form-group col-md-3">
                                <label for="inputCount">活动人数</label>
                                <input type="number" class="form-control" id="inputCount">
                            </div>
                            <div class="form-group col-md-3">
                                <label for="inputCredit">活动学分</label>
                                <input type="number" class="form-control" id="inputCredit" step="0.1">
                            </div>
                        </div>

                        <div class="form-group" style="margin-top: 10px">
                            <label for="remark">详情</label>
                            <textarea class="form-control" id="remark" rows="5"></textarea>
                        </div>

                        <div class="form-group" style="margin-top: 10px">
                            <span>开放选择时间：</span>
                            <input type="datetime-local" id="selectedTime" value="">
                        </div>

                        <button class="btn btn-primary" id="createBtn" onclick="createBtn()">创建</button>

                    </div>


                </div>


            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- End of Main Content -->

        <!-- Footer -->
        <div th:include="common::Footer"></div>
        <script th:src="@{/js/activities.js}"></script>
        <!-- End of Footer -->

    </div>
    <!-- End of Content Wrapper -->

</div>
<!-- End of Page Wrapper -->

<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
    <i class="fas fa-angle-up"></i>
</a>

<!-- Logout Modal-->
<div th:include="common::LogoutModal"></div>


</body>

</html>